<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../weixiu.html/bootstrap.min.css">

</head>
<body>
    <div class="container">
        <br>
        <div class="container" style="border-left: 4px solid yellow;">
            <h1>维修计划</h1>
        </div>
        <br>
        <br>
        <br>
        <div class="container">
            <div class="row">
                <button type="button"  data-bs-toggle='modal' data-bs-target='#exampleModal' class="btn btn-success btn-lg col-md-6" style="width: 200px; ">增加</button>
            </div>
        </div>
        <br>
        <br>
        <table class="table" style="font-size: 15px; font-weight: 700;">
            <thead>
              <tr>
                <td>维修单号</td>
                <td>装备名称</td>
                <td>装备编号</td>
                <td>故障描述</td>
                <td>计划时间</td>
                <td>操作</td>
            </tr>
            </thead>
            <tbody class="tianjia">
            </tbody>
        </table>
    </div>
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <div class="container">
                <label for="inputHelpBlock" style="font-size: 15px;font-weight: 700;">维修单号</label>
                <input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock" name="维修单号">
                <label for="inputHelpBlock" style="font-size: 15px;font-weight: 700;">装备名称</label>
                <input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock" name="装备名称">
                <label for="inputHelpBlock" style="font-size: 15px;font-weight: 700;">装备编号</label>
                <input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock" name="装备编号">
                <label for="inputHelpBlock" style="font-size: 15px;font-weight: 700;">故障描述</label>
                <input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock" name="故障描述">
                <label for="inputHelpBlock" style="font-size: 15px;font-weight: 700;">计划时间</label>
                <input type="text" id="inputHelpBlock" class="form-control" aria-describedby="helpBlock" name="计划时间">
            </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="addData(this)" data-bs-dismiss="modal">确认</button>
            </div>
          </div>
        </div>
    </div>
    <!-- 修改模态框 -->
    <div class="modal" tabindex="-1" id="modl1">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Modal title</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
              <div class="gai" >维修单号:<input id="banji"  type="text"  value=""></div>
              <br>
              <div class="gai"  >装备名称:<input id="lianxi" type="text"  value=""></div>
              <br>
              <div class="gai"  >装备编号:<input id="lianxi1" type="text"  value=""></div>
              <br>
              <div class="gai"  >故障描述:<input id="lianxi2" type="text"  value=""></div>
              <br>
              <div class="gai"  >计划时间:<input id="lianxi3" type="text"  value=""></div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" onclick="cun()" data-bs-dismiss="modal">保存</button>
          </div>
        </div>
      </div>
    </div>
    <div class="fenye row btn-dark justify-content-center">
      <div class="col-4 text-center">
        <div id="pageBtn">
        </div>
      </div>
    </div>
    <script src="../../utils/jquery-3.6.0.js"></script>
    <script src="../../js/weixiugunali/bootstrap.min.js"></script>
    <script src="../../js/weixiugunali/weixiujihua.js"></script>
</body>
</html>